<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
		<style type="text/css">
		* {
			margin: 0px;
		}
		#content {
    height: 680px;
    border: solid black;
    margin: 0 auto;
    background-image: url(../img/back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#login_form {
    width: 35%;
    height: 400px;
    margin-top: 10%;
    margin-left: 60%;
    background-color: rgba(0, 0, 0, 0.1);

}

#login_form .login_title {
    width: 100%;
    height: 45px;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size: 20pt;
    font-family: "微软雅黑";
    line-height: 45px;
    text-align: center;
}

#login_content {
    width: 100%;
    height: 355px;
    background-color: rgba(0, 0, 0, 0.1);

}

#login_content .icon_btn {
    width: 10%;
    height: 10%;
    margin-bottom: -10%;
    margin-left: 2%;
}

#login_content .text {
    display: block;
    /*设置为独立块（换行）*/
    width: 70%;
    margin: 0 auto;
    height: 35px;
    font-size: 15pt;
    border-radius: 50px;
    /*设置圆角样式*/
    border: 0;
    padding-left: 8px;
}

#login_content #vcode {
    display: block;
    /*设置为独立块（换行）*/
    width: 30%;
    margin-left: 15%;
    height: 35px;
    font-size: 15pt;
    border-radius: 50px;
    /*设置圆角样式*/
    border: 0;
    padding-left: 8px;
}

#login_passwd {
    width: 70%;
    text-align: right;
    margin: 0 auto;
    padding: 5px;
}

/*层级选择器*/
#login_passwd a {
    color: #000000;
    text-decoration: none;
}

/*伪类*/
#login_passwd a:hover {
    color: #ff0000;
    text-decoration: underline;
}

.btn {
    width: 70%;
    margin-left: 15%;
    height: 40px;
    border: 0;
    font-size: 14pt;
    background-color: #FC5628;
    color: #ffffff;
    cursor: pointer;
    /*设置指针鼠标的样式*/
    border-radius: 20px;
    /*设置圆角样式*/
border: 0;
}

#login_copyright {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    font-family: "微软雅黑";
    color: #e0e0e0;
}

@media only screen and (min-width: 400px) {}

		

		#box {
			margin: 50px auto;
			width: 30%;
			height: 360px;
			background-color: #fff;
			text-align: center;
			border-radius: 15px;
			border: 2px #fff solid;
			box-shadow: 10px 10px 5px #000000;
		}

		.title {
			line-height: 58px;
			margin-top: 20px;
			font-size: 36px;
			color: #000;
			height: 58px;
		}

		#box:hover {
			border: 2px #fff solid;
		}

		.input {
			margin-top: 20px;
		}

		input {
			margin-top: 5px;
			outline-style: none;
			border: 1px solid #ccc;
			border-radius: 3px;
			padding: 13px 14px;
			width: 70%;
			font-size: 14px;
			font-weight: 700;
			font-family: "Microsoft soft";
		}

		button {
			margin-top: 20px;
			border: none;
			color: #000;
			padding: 15px 32px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			border-radius: 15px;
			background-color: #CCCCCC;
		}

		button:hover {
			background-color: #180820;
			color: #fff;
		}


		</style>
</head>
<body>
<div id="Layer1" style="position:absolute; width:100%; height:100%; background-color: snow; z-index:-1">
		<img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.LgI9YbXtJ_zjUXPCwuT10wHaEK?w=324&h=182&c=7&r=0&o=5&dpr=1.4&pid=1.7"
			height="100%" width="100%" />
	</div>

	
 
       <form action="/MenuJDBC/ChangeUser" method="post">
		<div id="content" style="margin-left: -600px;">
			<div id="box" style="margin-top: 150px;height: 550px;">
				<div class="title" style="margin-left: -400px;font-size:large;color:darkorange">个人信息</div>
				<div class="input">
					<input type="text" name="username" id="123" value="<%=session.getAttribute("username")%>"><br>
					<input type="text" name="password" id="123" value="<%=session.getAttribute("password")%>"><br>
                    <input type="text" name="telephone" id="123" value="<%=session.getAttribute("telephone")%>"><br>
                    <input type="text" name="address" id="123" value="<%=session.getAttribute("address")%>"><br>
                    <input type="text" name="hobby" id="123" value="<%=session.getAttribute("hobby")%>"><br>
        
					<br>
					 <button type="submit" value="提交">编辑</button>
                    				
		
				</div>
			</div>
		</div>
    </form>

 
   

</body>
</html>